// 菜单主要用于布局侧边栏 由于菜单可以折叠 子菜单以popper弹出 所以需要无scoped全局样式覆盖
.el-menu {
  --el-menu-item-height: var(--layout-tabs-height);
  --el-menu-sub-item-height: var(--layout-tabs-height);
  --el-menu-item-font-size: var(--layout-font-size);
  body & {
    width: 100%;
    overflow-x: hidden;
    border-right: none;
  }
  &.el-menu--collapse {
    .is-active {
      .el-sub-menu__title {
        color: #ffffff !important;
        background-color: var(--el-color-primary) !important;
      }
    }
    .iconfont {
      margin: 0;
    }
  }
  .iconfont {
    font-size: calc(var(--el-menu-item-font-size) + 2px);
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: var(--el-menu-icon-width);
    flex: 0 0 var(--el-menu-icon-width);
  }
}
